﻿@charset "utf-8";
/*显示器小于800时候生效*/
@media screen and (max-width: 800px) {

/*首页开始*/


body{font-size:0.24rem}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
input, textarea {background: transparent;padding: 0px;font-size: 0.24rem;font-family: Arial, "微软雅黑";color: #888;outline: none;border: 0px;}
input, textarea, keygen, select, button{margin: 0em;font: 0.24rem Arial;text-rendering: auto;color: initial;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;display: inline-block;}
input,button,select,textarea{outline:none;-webkit-appearance: none;}
input{ outline:0;}
input:-ms-input-placeholder{color:#d2d2d2;font-family:"microsoft yahei";}
input::-webkit-input-placeholder{color:#d2d2d2;font-family:"microsoft yahei";}
textarea:-ms-input-placeholder{color:#d2d2d2;font-family:"microsoft yahei";}
textarea::-webkit-input-placeholder{color:#d2d2d2;font-family:"microsoft yahei";}
.page{margin:0 auto;width: 100%;}
.page .fr{display:none}
.animated {-webkit-animation-duration: 0s;animation-duration: 0s;-webkit-animation-fill-mode: none;animation-fill-mode: none;}
.animationName{animation-name: none!important;}
/*顶部*/
.head{height: 0.45rem;line-height: 0.45rem;background: #ffffff;position: relative;float:left;width:100%;z-index: 101;position: fixed;top: 0;}
.head:after{content: '';height: 0.09rem;background: url(../pic/head_bottom.png) no-repeat center;width: 100%;display: block;position: absolute;bottom: -0.09rem;left: 0;background-size: 100% 0.09rem;display: none;}
.head h1,.head .fl{max-width: calc(100% - 0.3rem);text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight:normal;float: right;margin: 0 0.15rem;font-size: 0.22rem;}
.head .fl,.head .fr a{ color: #a8a9a9; }
.head .fr a {display: inline-block;padding-left: 0.45rem;background: url(../pic/top_input.png) no-repeat 0.02rem 0.06rem;transition: 0.3s all ease-in-out;line-height: 0.45rem;margin-right: 0.2rem;padding-right: 0.05rem;cursor: pointer;position: relative;float:left;background-size: 2.85rem 0.85rem;}
.head .fr .tel{background-position: -1.14rem 0.06rem;}
.head .fr .wx{background-position: -2.32rem 0.06rem;}
.head .fr a:hover,.head .fr strong:hover{ background-position-y:-0.46rem; color: #fff; background-color: #373737}
.head .fr .wx .wxewm {width: 1.3rem;height: 1.3rem;position: absolute;top: 0.45rem;z-index: 2;left: 0;display: none;}
.head .fr .wx .wxewm img{width: 100%;height: 100%;display: block;}
.head .fr .wx:hover .wxewm { display:block}
/*LOGO*/
.top {padding: 0.3rem 0;height: 0.9rem;width: 100%;float:left;background: #f2f2f2;z-index: 101;top: 0.45rem;position: fixed;}
.top > .page > .logo{display: block;padding-right: 0.2rem;height: 0.9rem;padding-left: 0.1rem}
.top > .page > .logo > a > img{display: block;height: 100%;width: auto;}
.top > .page > .logo > a{display: block;height: 100%; width: auto;}
.top > .page >.logo_2{display: block;height: 0.6rem;padding-left: 0.2rem;border-left: 1px solid #e7e7e7;margin-top: 0.13rem;width: 5.2rem;}
.top > .page >.logo_2 > strong{display: block;font-size: 0.32rem;font-weight: bold;line-height: 0.44rem;color:#0a8ce2;}
.top > .page >.logo_2 > p{display: block;font-size: 0.24rem;line-height: 0.3rem;color: #666;padding-bottom: 0.04rem;height: 0.6rem;overflow: hidden;}
.top > .page > .top_tel{height: 0.9rem;display: block;display: none;}
.top > .page > .top_tel > i{float:left;background: url(../pic/top_tel.png) 0px 0px no-repeat;width: 0.37rem;height: 0.37rem;display: block;background-size: 0.37rem 0.37rem;}
.top > .page > .top_tel > p{font-size: 0.24rem;color: #0a8ce2;line-height: 0.28rem;height: 0.5rem;float:left;margin-left: 0.1rem;margin-top:0px;font-weight:bold;}
.top > .page > .top_tel > p span{font-size: 0.16rem;display: block;line-height: 0.22rem;font-weight:normal;color:#888888;}
/*菜单*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.index-nav{width: 0.5rem;height: 0.5rem;background:#0a8ce2;float: left;color:#fff;padding: 0 0 0 0;background: url(../pic/lanmu02.png);position: absolute;background-size: 0.5rem;right: 0.3rem;top: 0.98rem;z-index: 101;position: fixed;}
.index-nav-frame{width: 12rem;margin: 0 auto;height: 0.6rem;display: none;}
.Nptline{z-index: 999;position: relative;display: block;outline: none;cursor: pointer;line-height: 0.6rem;text-align: center;margin: 0;font-size: 0.16rem;background:url(../pic/nav_li.png);float:left;width: calc(10% - 2px);border-left:1px solid #d0202e;background-size: 1.2rem 0.6rem;border-right:1px solid #b50d1a;transition: 0.3s all ease-in-out;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}

.Nptline.active{background: linear-gradient(to bottom right,#252525,#373737);
    background: #252525\9;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#252525, endColorstr=#373737);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#252525, endColorstr=#373737)";}
.Nptline:hover{background: linear-gradient(to bottom right,#252525,#373737);
    background: #373737\9;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#252525, endColorstr=#373737);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#252525, endColorstr=#373737)";;transition: 0.3s all ease-in-out;}
.Nptline:hover .Nptcenter{height:auto;opacity: 1;}
.Nptline a{color:#fff; }
.Nptline:first-child{border-left:0px solid #5c5d60;width: calc(10% - 1px);}
.Nptline:last-child{border-right:0px solid #5c5d60;width: calc(10% - 1px);}
.Nptcenter a:first-child{margin-top:0.2rem;}
.Nptcenter{width: 1.2rem;background: url(../pic/u59.png) 50% 0 no-repeat;background-size: 1.2rem 5rem;opacity: 0;display: block;height:0;position: absolute;overflow: hidden;transition: all 0.5s;margin-bottom: 1px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.Nptcenter a{width: 90%;font-weight: normal;text-align: center;background:#FFF;color: #000;float:left;height: 0.35rem;line-height: 0.35rem;margin: 0 auto;text-decoration: none;border-bottom: 1px solid #ededed;margin-left: 0.06rem;z-index:99;margin-bottom: 1px;}
.Nptcenter a:hover{background: #373737;color: white;}
.Nptline-focus:focus{display: none;}
/*轮播广告*/
.bn-alp {width:100%;height:3rem;position:relative;float:left;background: #ffed29 no-repeat;background-position:50% 0%;overflow:hidden;margin-top: 1.95rem;}
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li { width:100%; height:3rem; background-position:50% 0%; background-repeat:no-repeat; background-color:#dddddd; background-size:cover; position:absolute; top:0; left:0; z-index:10; }
.bn-alp .abox li.on { z-index:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i { bottom:0.25rem; left:50%; margin-left:-0.5rem; text-align:center; position:absolute; z-index:100;}
.bn-alp .i i { display:inline-block; margin-right:0.1rem; width:0.2rem; height:0.1rem; background:#d2d2d2; border-radius:0.05rem; cursor:pointer; transition: 0.3s all ease-in-out;}
.bn-alp .i i.on {background:#373737;width:0.4rem; }

/*搜索*/
.search{float:left;background:#eeeeee;width:100%;height: 0.8rem;overflow:hidden;border-bottom: 1px solid #dedede;}
.search .page{position: relative;height: 0.56rem;padding: 0.2rem 0 0 0;}
.search_main_l{float:left;margin-right: 0.2rem;width: 8.2rem;display: none;}
.search_main_l strong{font-size: 0.17rem;font-weight: bold;display: block;color: #000000;line-height: 0.3rem;padding-left: 0.3rem;background: url(../pic/search_t.png) no-repeat -0.05rem center;float: left;background-size: 0.3rem 0.3rem;}
.search_main_l p,.search_main_l p a{color: #666666;display: inline-block;line-height: 0.25rem;float:left;padding-right: 0.2rem;}
.search_main_l p{overflow: hidden;height: 0.25rem;float: left;padding-top: 0.04rem;}
.search_main_l p a:hover{ color: #000000; text-decoration: underline; }

.search .search_in{float: right;width: 2.8rem;}
.search .search_in form{width: 2.8rem;height: 0.4rem;line-height: 0.4rem;display: block;border-radius: 0.4rem;border:0px solid #0a8ce2;background:#ffffff;}
.search .search_in form input{background: none;border:0 none;color: #fff;}
.search .search_in form #search-bg{float: left;width: 2.2rem;}
.search .search_in form #search-i{width: 0.5rem;height: 0.4rem;display:block;background: #0a8ce2;cursor: pointer;position: absolute;right: 0;top: 0.2rem;}
.search .search_in form #search-bg input {line-height: 0.4rem;display: block;padding: 0 0px 0 0.2rem;width: 2rem;}
.search .search_in form #search-i input{display: block;background: url(../pic/search_in.png) no-repeat center;width: 100%;height: 100%;cursor: pointer;background-size: 0.3rem;}
.search_main_r strong{ font-size:28px; color: #fff; display: block; line-height: 35px; font-weight: bold; }


/*特色5个类别*/
.fives{margin:0px auto;width: 100%;overflow:hidden;padding: 0.4rem 0;height: 5rem;}
.fives li{float: left;
    width: calc(50% - 0.95rem - 2px);
    height: 2rem;
    padding: 0.25rem 0.2rem 0.2rem 0.25rem;
    margin: 0.1rem 0.2rem;
}
.fives li span{width: 1.32rem;float:left;padding-left: 0.34rem;height: 1.52rem;position:relative;overflow:hidden;}
.fives li span:before{position:absolute;left:0;top:0;width: 1.32rem;height: 1.52rem;background:url(../pic/fivebg.png) no-repeat;content:"";z-index:2;left: 0.34rem;background-size: cover;}
.fives li span img{position:absolute;left: 0.34rem;top:0;width:auto;height: 1.52rem;z-index:1;right:0;bottom:0;margin:auto;}
.fives li p{display: block;font-size: 0.24rem;color: #000;text-align: center;width: 2rem;padding-top: 0.1rem;float:left;}

/*首页产品中心*/

.prod{position:relative;float:left;width:100%;padding: 0 0 0.1rem 0;background: url(../pic/prod_bg.jpg) top center / cover;width: 100%;display: block;float: left;}
.prod:before{content: '';display: block;width: 100%;height: 0.03rem;background: #0a8ce2;position: absolute;top: 0;left: 0;}

.plist{display: block;width: 100%;background: #fff;float:left;}
.plist .gundong{max-height: 6.35rem;overflow: auto;overflow-x: hidden;width:100%;border:0}
.plist .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/  height: 6px;}
.plist .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.plist .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.plist h2{/* float: left; */width: 2.08rem;font-weight:normal;font-size: 0.24rem;line-height: 0.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding-left: 0.2rem;margin-bottom: 0.15rem;margin-left: 0.2rem;}
.plist h2 a{color:#252525}
.plist h3{float: left;width: 1.6rem;font-size: 0.13rem;line-height: 0.4rem; font-weight:normal;padding-left: 0.4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;    display: none;margin-left: 0.2rem;}
.plist h2:hover{background: #0a8ce2;}
.plist h2:hover a{color:#fff}
.plist h2:hover span{ color:#ffffff}
.plist h3:hover{background: #0a8ce2;}
.plist h3:hover a{color:#fff}
.plist h2 span{position: absolute;right: 0.1rem; cursor:pointer;
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background: #0a8ce2 url(../pic/prod_list_c.png) no-repeat -0.09rem 0.05rem;
    border-radius: 50%;
    position: absolute; font-size:0; text-indent:2em; background-size: 0.2rem 0.2rem
    top: 0.1rem;
    transition: 0.3s all ease-in-out;}
.plist .li03 a:hover{color:#FFF;}
.plist ul{/* float:left; */width: 100%;max-height: 6.35rem;padding-top: 0.2rem;border-left: 1px solid #eee;border-right: 1px solid #eee;}


.plist .plist_row1{display: block;height: auto;width: 100%;position: relative;float:left;text-decoration:none;background:#0a8ce2;text-align:center;padding: 0.4rem 0;}
.plist .plist_row1 span {color: #fff;position: relative;font-size: 0.35rem;font-weight: bold;display: block;margin-bottom: 0.15rem;}
.plist .plist_row1 em {font-style:normal;color: #f4c1c1;font-family: Arial;text-transform: uppercase;display: block;}

.plist .plist_row3 {background: #0a8ce2;width: 100%;height: 1.25rem;display: block;box-sizing: border-box;padding: 0.15rem 0.2rem;text-align: center;color: #fff;font-size: 0.24rem;line-height: 0.22rem;position: relative;font-family: arial,microsoft yahei;float:left;margin-top: 0.6rem;display: none;}
.plist .plist_row3 strong {
    color: #fff;
    font-weight: bold;
    font-size: 0.17rem;
    display: block;
    background: url(../pic/plist_tel.png) no-repeat 0.43rem center;
    line-height: 0.4rem; background-size: 0.28rem 0.28rem
}
.plist .plist_row3 a {display: block;width: 0.8rem;height: 0.67rem;position: absolute;background: url(../pic/plist_more.png) no-repeat center;top: -0.37rem;left: 0.35rem;background-size: 0.8rem 0.67rem;}
.prod_row2{width: 100%;margin:0 auto;}
.prod_row2 > .fr{display: block;width: 100%;}

.prod_row2 .prod_row2_cont {display: block;position: relative;width: 100%;overflow: hidden;}
.prod_row2 .prod_row2_cont ul{display: block;width: 100%;position: relative;float: left;}

.prod_row2 .prod_cont_r1 {display: block;width: calc(100% - 2px);height: 2.8rem;background: #ffffff;margin-top: 0.15rem;margin-bottom: 0.2rem;padding: 0;float:left;border: 1px solid #0a8ce2;}
.prod_row2 .prod_cont_r1 .img{float:right;width: 2.2rem;height: 2.5rem;position:relative;border:1px solid #ededed;padding: 0.04rem;overflow: hidden;margin: 0.1rem;}
.prod_row2 .prod_cont_r1 .img img{margin: auto;top: 0;bottom: 0;left: 0;right: 0;position: absolute;max-width: 3rem;max-height: 2.5rem;}
.prod_row2 .prod_cont_r1 .prod_cont_l{ width: 3.6rem; height: 2.7rem; display: block; float: left; }
.prod_row2 .prod_cont_r1 .prod_cont_l img{ display: block; width: 100%; height: auto; }
.prod_row2 .prod_cont_r1 .prod_cont_r {width: 4.4rem;float: left;padding: 0.1rem 0.15rem 0px 0.2rem;}
.prod_row2 .prod_cont_r1 .prod_cont_r strong {display: block;font-size: 0.24rem;color: #333;line-height: 0.5rem;font-weight: bold;padding: 0px 0 0.1rem;height: 0.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.prod_row2 .prod_cont_r1 .prod_cont_r strong:after{content: '';display: block;width: 0.42rem;height: 0.02rem;background: #0a8ce2;position: absolute;left: 0;bottom: 0px;}
.prod_row2 .prod_cont_r1 .prod_cont_r p{display: block;color: #3b3b3b;line-height: 0.32rem;font-weight: normal;text-transform: capitalize;margin: 0.2rem 0;height: auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.prod_row2 .prod_cont_r1 .prod_cont_r a {line-height: 0.34rem;color: #fff;text-align: left;text-transform: capitalize;background: #0a8ce2 url(../pic/prod_btn0.png) no-repeat 0.22rem center;border: 1px solid #0a8ce2;display: inline-block;padding: 0 10px 0 0.5rem;width: 1rem;border-radius: 0.5rem;margin-right: 0.2rem;transition:0.3s all ease-in-out;background-size: 0.23rem 0.23rem;}
.prod_row2 .prod_cont_r1 .prod_cont_r a:hover{ background-color: #252525; border-color: #252525; }

.prod_row2 .prod_cont_r1 .prod_cont_r a.last{background: #252525 url(../pic/prod_btn1.png) no-repeat 0.22rem center;border: 1px solid #252525;transition:0.3s all ease-in-out;background-size: 0.23rem 0.23rem;}
.prod_row2 .prod_cont_r1 .prod_cont_r a.last:hover{ background-color: #0a8ce2; border-color: #0a8ce2; }
.prod_cont_r2{float:left;position:relative;width: 100%;}


.prod_cont_r2 .prod_item {display: block;float: left;width: calc(50% - 0.1rem);overflow: hidden;height: 2.9rem;margin: 0 0 0.2rem 0.2rem;position:relative;background:#ffffff;}
.prod_cont_r2 .prod_item:nth-child(2n+1){margin-left:0}
.prod_cont_r2 .prod_item span{width: 100%;height: 2.4rem;float:left;position:relative;}
.prod_cont_r2 .prod_item img{margin: auto;top: 0;bottom: 0;left: 0;right: 0;position: absolute;max-width: 100%;max-height: 2.4rem;}
.prod_cont_r2 .prod_item:nth-child(3n){ margin-right: 0; /*! display: none; */}
.prod_cont_r2 .prod_item:first-child+a+a{ margin-right: 0; /*! display: none; */}
.prod_cont_r2 .prod_item:first-child+a+a+a+a+a{ margin-right: 0; /*! display: none; */}
.prod_cont_r2 .prod_item:nth-child(2){ }
.prod_cont_r2 .prod_item p{display: block;line-height: 0.48rem;text-align: center;background: #fff;margin-top: 1px;transition: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 0.15rem;float:left;width: calc(100% - 0.3rem);border-top: 1px solid #ededed;font-size: 0.24rem;}
.prod_cont_r2 .prod_item:hover p{ background: #0a8ce2; color: #fff; }


/*自动轮播*/
.listL{float:left;margin-top: 0.2rem;width:100%;background:#ffffff;}
.listL .tittle{width: calc(100% - 0.4rem);padding: 0.2rem 0.2rem 0.3rem 0.2rem;margin:0 auto;margin-bottom: 0.15rem;overflow:hidden;text-align:center;background: none;background-size: 1.31rem 0.22rem;}
.listL .tittle  h3{font-size: 0.35rem;font-weight:bold;float:left;width: 100%;text-align:center;position:relative;}
.listL .tittle  p{font-size: 0.24rem;float:left;padding-top: 0.08rem;color:#888888;width: 100%;text-align:center;}










.listL .DTabContent{float:left;background: #f8f8f8;padding-top: 0.26rem;padding-bottom: 0.6rem;width:100%;}
.listL .DTabContent ul{margin:0 auto;width: 100%;overflow:hidden;}
.listL .DTabContent ul dl{float:left;width: 100%;}
.listL .DTabContent ul dt {position:relative;float: left;width: 100%;height: 3.16rem;border: 0;background: none;overflow: hidden;}
.listL .DTabContent ul dt img{margin: auto;top: 0;bottom: 0;left: 0;right: 0;position: absolute;max-width: 5rem;max-height: 3.16rem;}
.listL .DTabContent ul dd {width: 100%;float: left;}
.listL .DTabContent ul dd p {color: #666666;height: auto;line-height: 0.4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;margin: 0.2rem 0.2rem 0.2rem 0.2rem;font-size: 0.24rem;}
.listL .DTabContent ul dd .btn {width: 100%;overflow: hidden;margin-top: 0.36rem;position: relative;left: 50%;margin-left: -1rem;}
.listL .DTabContent ul dd .btn a{display: block;width: calc(1.8rem - 2px);height: 0.4rem;line-height: 0.4rem;text-align: center;color: #666666;float: left;text-decoration: none;border:1px solid #666666;border-radius: 0.2rem;margin-right: 0.2rem;}
.listL .DTabContent ul dd .btn a:last-child{display:none}
.listL .DTabContent ul dd .btn a:hover{background: linear-gradient(to bottom right,#252525,#373737);  background: #373737\9; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#252525, endColorstr=#373737);  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#252525, endColorstr=#373737)";;color: #fff;border:1px solid #373737;}
.listL .DTabContent ul .box{float:left;width: 100%;margin-top: 0.27rem;padding-top: 0.18rem;border-top: 1px solid #cccccc;}

.listL .DTabContent .box div:nth-child(2n+1){margin-left: 0;width: 50%;}
.listL .DTabContent .box div{width: calc(50% - 0.18rem);height: 2.29rem;float: left;margin-left: 0.18rem;text-align: center;border-bottom: 1px solid #cccccc;margin-bottom: 0.2rem;}
.listL .DTabContent .box div span{display: block;width: calc(100% - 2px);height: 1.8rem;border: 1px solid #cccccc;overflow: hidden;position: relative;background:#ffffff;}
.listL .DTabContent .box div img{display: block;transition: none;transform: scale(1);margin: auto;top: -500%;bottom: -500%;left: -500%;right: -500%;position: absolute;max-width: 100%;height: auto;}
.listL .DTabContent .box div em{display: block;height: 0.47rem;line-height: 0.47rem;color: #333333;font-style:normal;font-size: 0.24rem;}
.listL .DTabContent .box div:hover{border-color: #0a8ce2;}
.listL .DTabContent .box div:hover em{color: #0a8ce2;}
.listL .DTabContent .box div:hover img{transform: scale(1.2);}
.listL .DTabContent .box div a{display: block;text-decoration: none;}
.listL .DTabContent ul .box  h3 {float: left;font-size: 0.3rem;color: #333333;font-weight: bold;padding-bottom: 0.3rem;padding-left: 0.2rem;}
.listL .DTabContent ul .box .more { font-size: 14px; color: #666666; float: right; text-transform: uppercase; display: block;padding-bottom:30px;}
.none{ display:none}


/*4优势*/
.advfour{position: relative;padding: 0;background: #0a8ce2;width: 100%;display: block;float: left;background-size: cover;}
.advfour .tittle{width: calc(100% - 0.4rem);padding: 0.4rem 0.2rem 0.2rem 0.2rem;margin:0 auto;margin-bottom: 0;overflow:hidden;text-align:center;background: none;background-size: 1.31rem 0.22rem;}
.advfour .tittle  h3{font-size: 0.35rem;font-weight:bold;float:left;width: 100%;text-align:center;color:#ffffff;}
.advfour .tittle  p{font-size: 0.24rem;float:left;padding-top: 0.08rem;color:#f7f7f7;width: 100%;text-align:center;}
.advfour .ys{width: 0rem;margin:0 auto;margin-top: 0;padding-top: 1rem;padding-bottom: 1rem;height: 3rem;position:relative;}
.advfour .ys:before{position:absolute;left:0;top: 1rem;width: 3.5rem;height: 3.1rem;background: none;z-index:2;content:"";background-size: 3.5rem 3.1rem;}
.advfour .ys img{position:absolute;left:0;top: 1rem;width: 3.5rem;height: 3.05rem;z-index:1;display: none;}
.advfour .ys .ys01{background: none;position:absolute;left: -3.77rem;top: 0.57rem;width: 3.3rem;z-index:3;height: 1.1rem;padding-left: 0.2rem;background-size: 2.43rem 0.36rem;}
.advfour .ys .ys02{background: none;position:absolute;z-index:3;padding-left: 0.2rem;left: -3.77rem;top: 2rem;height: 1.1rem;width: 3.3rem;overflow: hidden;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.advfour .ys .ys03{background: none;position:absolute;left: -3.77rem;top: 3.4rem;width: 3.3rem;z-index:3;height: 1.1rem;padding-left: 0.2rem;}
.advfour .ys li:before{position:absolute;left:0;top:0;width: 0.97rem;height: 0.97rem;background: none;z-index:4;content:"";background-size: cover;}
.advfour .ys .ys01:before{font-size:0.3rem;position:absolute;left:0.2rem;top:0;width: 0.97rem;height: 0.97rem;background: none;z-index:4;content:"1";background-size: cover;color:#fff}
.advfour .ys .ys02:before{font-size:0.3rem;position:absolute;left:0.2rem;top:0;width: 0.97rem;height: 0.97rem;background: none;z-index:4;content:"2";background-size: cover;color:#fff}
.advfour .ys .ys03:before{font-size:0.3rem;position:absolute;left:0.2rem;top:0;width: 0.97rem;height: 0.97rem;background: none;z-index:4;content:"3";background-size: cover;color:#fff}

.advfour .ys li img{position:absolute;left:0;top:0px;width: 0.97rem;height: 0.97rem;z-index:3;display: none;}
.advfour .ys li h3{float:none;/* max-width:1.65rem; */font-size: 0.3rem;color: #fff;margin-bottom: 0.05rem;background:#0a8ce2;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-right:0;padding-left:0.2rem;}
.advfour .ys li p{color: #fff;text-align: justify;width: 3.0rem;line-height: 0.35rem;height: auto;float: none;margin-right: 0.1rem;background:#0a8ce2;overflow:hidden;font-size: 0.24rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.advfour .ys .ys04{background: none;position:absolute;right: -3.77rem;top: 0.57rem;width: 3.5rem;z-index:3;height: 1.1rem;padding-right: 0.2rem;background-size: 2.43rem 0.36rem;overflow: hidden;}
.advfour .ys .ys05{background: none;position:absolute;right:-3.77rem;top: 2rem;width: 3.5rem;z-index:3;height: 1.1rem;padding-right: 0.2rem;overflow: hidden;background-size: 2.43rem 0.36rem;}
.advfour .ys .ys06{background: none;position:absolute;right:-3.77rem;top: 3.4rem;width: 3.5rem;z-index:3;height: 1.1rem;padding-right: 0.2rem;background-size: 2.43rem 0.36rem;}
.advfour .ys .ys04:before,.advfour .ys .ys05:before,.advfour .ys .ys06:before{position:absolute;left:auto;right:0;top:0;width: 0.97rem;height: 0.97rem;background: none;z-index:4;content:"";background-size: cover;}
.advfour .ys .ys04 img,.advfour .ys .ys05 img,.advfour .ys .ys06 img{position:absolute;left:auto;right:0;top:0px;width: 0.97rem;height: 0.97rem;z-index:3;}
.advfour .ys .ys04 h3,.advfour .ys .ys05 h3,.advfour .ys .ys06 h3{float: left;max-width: 3.5rem;font-size: 0.3rem;color: #fff;margin-bottom: 0.05rem;background:#0a8ce2;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-left: 0.4rem;padding-right:0;}
.advfour .ys .ys04 p,.advfour .ys .ys05 p,.advfour .ys .ys06 p{color: #fff;text-align:left;width: 3.4rem;line-height: 0.35rem;height: auto;float: right;margin-left: 0.1rem;margin-right:0;background:#0a8ce2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.advfour .ys .ys04:before{color:#ffffff;font-size:0.3rem;position:absolute;left:auto;left:0;top:0;width: 0.97rem;height: 0.97rem;background: none;z-index:4;content:"4";background-size: cover;padding-left:0.2rem}
.advfour .ys .ys05:before{color:#ffffff;font-size:0.3rem;position:absolute;left:auto;left:0;top:0;width: 0.97rem;height: 0.97rem;background: none;z-index:4;content:"5";background-size: cover;padding-left:0.2rem}
.advfour .ys .ys06:before{color:#ffffff;font-size:0.3rem;position:absolute;left:auto;left:0;top:0;width: 0.97rem;height: 0.97rem;background: none;z-index:4;content:"6";background-size: cover;padding-left:0.2rem}



.main_30 > .page > .fl{padding-left:1.7rem;background: url(../pic/main_30_l.jpg) no-repeat left center;height: 1rem;font-size:0.26rem;font-weight: 100;line-height: 0.4rem;}
.main_30 > .page > .fl > p{display: block;font-size: 0.15rem;color: #999;line-height: 0.23rem;padding-top: 0.05rem;}
.main_30 > .page > .fl > span{color: #373737;}
.main_30 > .page > .fl > .main_30_l_f1{font-family: 'AVGARDN';font-size: 0.36rem;display: inline-block;position: relative;top: 0.03rem;left: 0.02rem;}
.main_30 > .page > .fl > .str{font-weight: bold;font-size: 0.26rem;}
.main_30{padding:0.2rem 0;height: 1rem; float:left; width:100%}
.main_item {float: right;padding: 0 0.2rem;cursor:pointer;}
.main_item > i{display: block;width: 1rem;height: 0.6rem;position: relative;margin-top: 0.05rem;}
.main_item > p{font-size: 0.15rem;color: #666;line-height: 0.3rem;display: block;text-align: center;transition:0.5s all ease-in-out;cursor:pointer;}
.main_item_1 i{background: url(../pic/main_30_1.jpg) 0 0px no-repeat;transition:0.5s all ease-in-out;}
.main_item_1:hover i{background: url(../pic/main_30_1.jpg) 0 -70px no-repeat;}
.main_item_2 i{background: url(../pic/main_30_2.jpg) 0 0px no-repeat;transition:0.5s all ease-in-out;}
.main_item_2:hover i{background: url(../pic/main_30_2.jpg) 0 -70px no-repeat;}
.main_item_3 i{background: url(../pic/main_30_3.jpg) 0 0px no-repeat;transition:0.5s all ease-in-out;}
.main_item_3:hover i{background: url(../pic/main_30_3.jpg) 0 -70px no-repeat;}
.main_item_4 i{background: url(../pic/main_30_4.jpg) 0 0px no-repeat;transition:0.5s all ease-in-out;}
.main_item_4:hover i{background: url(../pic/main_30_4.jpg) 0 -70px no-repeat;}
.main_item:hover  p{color: #373737}
/*关于我们*/
.company{ float:left; width:100%; padding:0.6rem 0; background:url(../pic/case_bg.jpg) top center no-repeat;}
.company .page{    border-radius: 0.15rem; height:3.45rem; background: #ffffff; position:relative; padding:0.4rem 0.4rem; width:11.2rem}
.company .page:before {content: '';clear: both; display: block;width: 100%;height: 0.35rem; background: url(../pic/company_in_bg.png) no-repeat center; position: absolute; bottom: -0.35rem; left:0}
.company .fl{ width:6rem; float:left; height:3.45rem; border:1px solid #ededed; padding:0.04rem; position:relative}
.company .fl img{ left:0; right:0; top:0; bottom:0; margin:auto; position:absolute; max-width:6rem; max-height:3.45rem;}
.company .fr{ float:right; width:4.7rem;background: url(../pic/company_tit.png) no-repeat 0 0;}
.company .fr strong{font-size: 0.3rem; color: #343434; line-height: 0.45rem; display: block; padding-top: 0.25rem;}
.company .fr strong .color { font-size: 0.3rem;    color: #373737;    display: inline-block;}
.company .fr strong .small { display: block;  font-size: 0.15rem;  color: #343434;  font-weight: 100;  line-height: 0.2rem;}
.company .fr p {font-size: 0.14rem;color: #777;text-indent: 2em;line-height: 0.27rem;padding-top: 0.2rem; font-weight: 100;}
.company_in_btn a{display: block;border: 1px solid #373737; border-radius: 0.5rem;line-height: 0.36rem;width: 1.4rem;height: 0.36rem;text-align: center;float:left;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin-top: 0.25rem;margin-right: 0.2rem; text-decoration:none}
.company_in_btn a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;background: #373737;background: -moz-linear-gradient(top, #373737 0%, #6ba60c 100%);background: -webkit-linear-gradient(top, #373737 0%,#6ba60c 100%);background: linear-gradient(to bottom, #373737 0%,#6ba60c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#6ba60c',GradientType=0 );}
.company_in_btn a  i{color: #373737;font-style: normal;font-size: 0.15rem;display: block;line-height: 0.36rem;width: 100%;position: relative;z-index: 3;transition: 0.3s all ease;}
.company_in_btn a.comapny_in_btn_r{border-color:#eb3d01}
.company_in_btn a.comapny_in_btn_r i{color:#eb3d01}
.company_in_btn a:hover:before{left:0;}
.company_in_btn a:hover{border-color: rgba(255,255,255,0)}
.company_in_btn a:hover i{color: #fff;}
.company_in_btn a.comapny_in_btn_r:before{background: #eb7301;background: -moz-linear-gradient(top, #eb7301 0%, #eb4601 100%);background: -webkit-linear-gradient(top, #eb7301 0%,#eb4601 100%);background: linear-gradient(to bottom, #eb7301 0%,#eb4601 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7301', endColorstr='#eb4601',GradientType=0 );}
/*最新产品*/

.none{ display:none}
.floornr{ width:1200px; margin:0 auto}
.floornr .w300{ float:left; width:300px; min-height:686px; background:url(../pic/w300bg.jpg) left bottom no-repeat; position:relative}
.floornr .w300 span{font-size: 24px;font-weight: 100;color: #fff;line-height: 40px; display: block;position: relative; font-weight:bold; float:left; padding-left:20px; padding-top:30px; width:280px;}
.floornr .w300 p{    font-size: 15px;color: #fff;line-height: 20px;display: block; float:left;padding-left:20px; padding-top:5px; padding-bottom:20px; width:280px;}
.floornr .w300 a{display: block; margin-left:20px; width:120px;color: #aaa; float: left; font-size: 14px; border-radius: 5px; background: #343434; text-align: center; line-height: 32px; margin-bottom: 10px; transition: 0.3s all ease;}
.floornr .w300 a:hover{color: #fff;background-color:#eb3d01;}
.floornr ul{ float:right; width:894px;}
.floornr ul a{ width:260px; margin-left:30px; float:left; height:320px; overflow:hidden; padding:4px; background:#ffffff; margin-bottom:30px; position:relative}
.floornr ul a span{ width:260px; height:260px; float:left; position:relative}
.floornr ul a span img{ left:0; right:0; top:0; bottom:0; position:absolute; margin:auto; max-height:260px; max-width:260px;}
.floornr ul a h2{ float:left; width:260px; font-size:14px; font-weight:normal; line-height:25px; padding:5px 0 0 0; height:50px; position:relative; z-index:3; overflow:hidden}
.floornr ul a:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; transition: 0.3s all ease; background: #373737\9; background: -moz-linear-gradient(top, #373737 0%, #6ba60c 100%);background: -webkit-linear-gradient(top, #373737 0%,#6ba60c 100%); background: linear-gradient(to bottom, #373737 0%,#6ba60c 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#6ba60c',GradientType=0 );}
.floornr ul a:hover:before{left:0;}
.floornr ul a:hover h2{ color:#ffffff}
.floornr .w300 i {display: block; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50px;background: url(../pic/prod_in_btn.png) no-repeat center; position: absolute; top: 15px; right: 15px;transition: 0.3s all ease;}
.floornr .w300 i:hover{background-color: #373737;border-color:#373737 }
/*优势*/

.advp{padding: 50px 0;width:1200px; margin:0 auto; overflow:hidden}
.advp .tittle{ border-bottom:1px solid #ededed; height:24px; float:left; width:1200px; position:relative; }
.advp .tittle span{ position:absolute; z-index:2; text-align:center; width:300px; margin-left:-150px; left:50%; font-size:30px; font-weight:bold; background:#ffffff}
.advp .ysbj{ float:left; width:1200px;}
.advp .ysbj li{ float:left; width:350px; margin:60px 50px 0 0; padding-left:200px; height:127px;    transition: 0.3s all ease;}
.advp .ysbj li span {color: #4bad29; font-size: 16px; font-weight: bold; line-height: 36px; padding-top:20px; float:left; color:#373737}
.advp .ysbj li p{ line-height:26px; float:left;}
.advp .ysbj .ysk1{ background:url(../pic/ys1.jpg) no-repeat;}
.advp .ysbj .ysk2{ background:url(../pic/ys2.jpg) no-repeat;}
.advp .ysbj .ysk3{ background:url(../pic/ys3.jpg) no-repeat;}
.advp .ysbj .ysk4{ background:url(../pic/ys4.jpg) no-repeat;}
/*通栏广告*/

.ads{ background: url(../pic/ads_bg2.jpg) no-repeat center; width: 100%; height: 100px; display: block; padding: 30px 0; float:left}
.ads .fl strong { font-size: 30px; font-weight: bold; color: #fff; line-height: 50px; display: block; font-family: arial,microsoft yahei; }
.ads .fl p span{ border:1px solid #fff; border-radius: 50px; padding: 0 20px; color: #fff; line-height: 28px; display: inline-block; font-size: 15px; margin: 10px 22px 10px 0px; }
.ads_tel {

    font-size: 15px;
    font-weight: 100;
    color: #fff;
    line-height: 22px;
    padding: 15px 0px;

}
.ads_tel strong {

    font-size: 21px;
    font-weight: bold;
    font-family: arial;
    display: block;
    color: #fff;

}

/*好品质 · 源于对每个细节的苛求*/
.adv{background: url(../pic/about_bg.png) no-repeat center top #f8f8f8;width: 100%;display: block;padding: 0.8rem 0 0.6rem;float:left;background-size: 100%;}

.adv_row1{background: url(../pic/adv_tit.png) no-repeat center bottom;text-align:center;float:left;width: 100%;font-size: 0.36rem;color: #fff;display:block;line-height: 0.5rem;padding: 0.1rem 0;background-size: 4.4rem 0.4rem;}
.adv_row1 strong{width: 100%;float:left;padding-bottom: 0.1rem;}

.adv_row1 p {font-size: 0.24rem;line-height: 0.2rem;color: #ddd;letter-spacing: 0.5px;float:left;width: 100%;}
.adv_row2{padding: 0.1rem 0.1rem 0px 0.1rem;background: #fff;margin-top: 0.5rem;float:left;width: calc(100% - 0.2rem);}
.adv_row2:after{ content: ''; clear: both; display: block; }
.adv_item{float: left;width: 100%;margin-bottom: 0.1rem;position:relative;height: 5rem;background: #efefef;overflow: hidden;}
.adv_item p{font-weight:normal;color: #676767;line-height: 0.4rem;display: block;padding: 0.16rem 0.2rem;text-align: justify;background: #efefef;font-size: 0.24rem;transition: 0.3s all ease-in-out;position:relative;height: calc(1.15rem - 0.38rem);}
.adv_item p:before,.adv_item p:after{content:'';display:block;width: 1.2rem;height: 1.2rem;position: absolute;right: 0.2rem;bottom: 0.8rem;transition:0.3s all ease-in-out;}
.adv_item_1 p:before,.adv_item_1 p:after{background: url(../pic/adv_item_i1.png) no-repeat right -1.2rem;background-size: 1.2rem 2.4rem;}
.adv_item_2 p:before,.adv_item_2 p:after{ background:url(../pic/adv_item_i2.png) no-repeat right -1.2rem; background-size: 1.2rem 2.4rem;}
.adv_item_3 p:before,.adv_item_3 p:after{ background:url(../pic/adv_item_i3.png) no-repeat right -1.2rem;background-size: 1.2rem 2.4rem; }
.adv_item_4 p:before,.adv_item_4 p:after{ background:url(../pic/adv_item_i4.png) no-repeat right -1.2rem; background-size: 1.2rem 2.4rem;}
.adv_item p:before{width: 1.2rem;}
.adv_item:hover p:before{ width:0px; }
.adv_item p:after{ background-position: right -1.2rem; width:0px; }
.adv_item:hover p:after{ width:1.2rem; }

.adv_item:hover p{ background: #efefef; color: #676767; }

.adv_item:hover p strong{ color: #676767; }
.adv_item p strong{display: block;font-weight: bold;font-size: 0.3rem;color: #343434;line-height: 0.32rem;padding-bottom: 0.2rem;width: calc(100% - 0.8rem);transition:0.3s all ease-in-out;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.adv_item:nth-child(1),.adv_item:nth-child(3){margin-right: 0.1rem;}
.adv_item:first-child{margin-right: 0.1rem;}
.adv_item:first-child+div+div{margin-right: 0.1rem;}
.adv_item img{width: 100%;display: block;height: auto;height: 3.5rem;}










/*   荣誉  */
.rongyu {width: 100%;float: left;padding: 50px 0px;padding: 0.6rem 0;background: url(../pic/case_bg.jpg) repeat center;width:100%;float:left;display: none;}
.rongyu .ul{width: 12rem;margin:0 auto;}
.rongyu .ul .RYC{float:left;width: 12rem;margin-top: 0.2rem;height:2.2rem;padding-bottom: 0.1rem;position:relative;}
.rongyu .ul .RYC .left{float:left;width: 0.3rem;height: 2.2rem;cursor:pointer;position:relative;}
.rongyu .ul .RYC .right{float:right;width: 0.3rem;height: 2.2rem;cursor:pointer;position:relative;}
.rongyu .ul .RYC .ul01{float:left;padding: 0.1rem;width: 2.45rem;height: 2rem;box-shadow: 0 0.03rem 0.15rem 0 rgb(53 53 53 / 15%);background:#ffffff;margin: 0px 0.1rem;}
.rongyu .ul .RYC .ul01 .li01{float:left;width: 2.45rem;height: 1.5rem;position: relative;}
.rongyu .ul .RYC .ul01 .li01 img{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;max-width: 2.45rem;max-height: 1.5rem;}
.rongyu .ul .RYC .ul01 .li02{float:left;width: 2.45rem;height: 0.5rem;line-height: 0.5rem;overflow:hidden;color:#666666;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family: '微软雅黑';text-align:center;font-weight: 400;font-style: normal;font-size: 0.16rem;}
.RYC .swiper{width: 11.4rem;height: 2.2rem;position: relative;display: inline-block;overflow: hidden;}
.RYC .swiperBox{height: 2.2rem;position: absolute;top: 0px;left: 0px;}

.comp_ibtn {width: 0.5rem;height: 0.5rem;background: #343434 url(../pic/20180504195026_1946572546.png) no-repeat;display: block;position: absolute;top: 0.75rem;cursor: pointer;transition: 0.3s all ease-in-out;}
.comp_ibtnl:after{content: '';border-bottom: 0.5rem solid #343434;border-right: 0.13rem solid transparent;position: absolute;bottom: 0;right: -0.13rem;transition: 0.3s all ease-in-out;}
.comp_ibtnl:hover:after{border-bottom: 50px solid #09348b; border-right: 13px solid transparent; }
.comp_ibtnr:after{content: '';border-bottom: 0.5rem solid #343434;border-left: 0.13rem solid transparent;position: absolute;bottom: 0;left: -0.13rem;transition: 0.3s all ease-in-out;}
.comp_ibtnr:hover:after{border-bottom: 50px solid #09348b; border-left: 13px solid transparent;}
.comp_ibtnl:before{content: '';border-top: 0.1rem solid #454545;border-left: 0.25rem solid transparent;position: absolute;bottom: -0.1rem;left: 0;transition: 0.3s all ease-in-out;}
.comp_ibtnr:before{content: '';border-top: 0.1rem solid #454545;border-right: 0.25rem solid transparent;position: absolute;bottom: -0.1rem;right: 0;transition: 0.3s all ease-in-out;}
.comp_ibtnl:hover:before{border-top: 10px solid #373737; border-left: 25px solid transparent;}
.comp_ibtnr:hover:before{border-top: 10px solid #373737; border-right: 25px solid transparent}
.comp_ibtnl{left: 0.1rem;background-position: left center;z-index:9999;}
.comp_ibtnr{right: 0.15rem;background-position: right center;z-index:9999;}
.comp_ibtn:hover{ background-color: #09348b; }


.hotnav:after{content: '';display: block;clear: both;}
.hotnav{width: 360px;margin: 0 auto;padding:0px 0 30px;}
.hotnav li{display: block;float:left;width:150px;transition: 0.3s all ease;border:1px solid #ccc;margin-left: -1px;position: relative;overflow: hidden}
.hotnav li:after{content: '';display: block;width: 20px;height: 20px;position:absolute;left:-52px;top:9px;transition: 0.3s all ease}
.hotnav li.cur:after{left:52px;}
.hotnav li.company_list_1:after{background: url(../pic/company_r2_i1.png) no-repeat center;}
.hotnav li.company_list_1{border-top-left-radius: 50px;border-bottom-left-radius: 50px;transform:rotate(0deg)}
.hotnav li.company_list_2{border-top-right-radius: 50px;border-bottom-right-radius: 50px;transform:rotate(0deg)}
.hotnav li a{display: block;text-align: center;font-size: 15px;color: #888;line-height: 38px;position: relative;z-index: 2;}
.hotnav li.cur{width: 175px;padding-left: 25px;border: 1px solid #373737;background: #373737;}
.hotnav li.cur a{color: #fff}
.rongyu .tittle{border-bottom:1px solid #dadada;height: 0.24rem;float:left;width: 12rem;position:relative;margin-bottom: 0.5rem;}
.rongyu .tittle span{position:absolute;z-index:2;text-align:center;width: 3rem;margin-left: -1.5rem;left:50%;font-size: 0.3rem;font-weight:bold;background: url(../pic/case_bg.jpg) repeat center;}

/*   新闻  */
.new2019{width: 100%;margin-top: 0.2rem;float:left;background:#ffffff;height: auto;}
.new2019 .nav19{width: calc(100% - 0.2rem);float: left;border-bottom: 1px solid #ededed;padding-left: 0.2rem;position: relative;font-size: 0.3rem;font-weight: bold;color: #000000;padding-top: 0.2rem;padding-bottom: 0.1rem;}
.new2019 .nav19 i{position:absolute;right: 0.2rem;font-style:normal;color:#888888;top: 0.2rem;font-weight:normal;}
.new2019 .mainM{float:left;padding-left: 0.2rem;width: calc(100% - 0.2rem);padding-top: 0.2rem;overflow: hidden;}
.kehucase{float:left;width: 3.6rem;}
.kehucase .ul{width: 3.6rem;margin:0 auto;overflow:hidden;float:left;position:relative;}
.kehucase .ul .left1{width: 0.5rem;background:url(../pic/leftjt.png) center center no-repeat;height: 2.2rem;position:absolute;left:0;cursor:pointer;background-size: 0.4rem 0.6rem;z-index:3;}
.kehucase .ul .right1{width: 0.5rem;background:url(../pic/rightjt.png) center center no-repeat;height: 2.2rem;position:absolute;right:0;top:0;cursor:pointer;background-size: 0.4rem 0.6rem;}
.kehucase .ul .neirong{width: 3.6rem;height: 2.2rem;overflow:hidden;}
.kehucase .ul .neirong li{width: 3.6rem;float:left;padding:0px 0 0 0px;height: 2.2rem;text-align:center;position:relative;overflow:hidden;}
.kehucase .ul .neirong img{ max-width:100%; height:auto; position:absolute; left:0;right:0;margin:auto; top:0;bottom:0}
.new2019 .nlst1{width: calc(100% - 4rem);float: right;margin-top:0.2rem;margin-right: 0.2rem;}
.new2019 .nlst1 span{ background:#ffeae6; color:#ff2900; float:left; height:0.26rem; width:20%; text-align:center; line-height:0.26rem;}
.new2019 .nlst1 h2{float:left;padding-left:0.1rem;line-height:0.26rem;width: 70%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight:normal;font-size:0.24rem;}
.new2019 .nlst1 p{float:left;width: 100%;color:#999999;padding-top:0.1rem;line-height: 0.4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.new2019 .nlst2{float:right;width: calc(100% - 0.4rem);padding-right: 0.2rem;padding: 0.2rem 0.2rem 0 0.2rem;}
.new2019 .nlst2 .li01{float:left;width: 100%;border-bottom:1px solid #ededed;font-size: 0.28rem;position:relative;padding-top: 0.2rem;padding-bottom: 0.1rem;}
.Ii2{position:absolute;left:0px;width: 0.63rem;height: 0.03rem;background:#000;bottom:-1px;}
.new2019 .nlst2 .li01 strong{ color:#ff2900;}
.new2019 .nlst2 .li02{float:left;width: 100%;padding-top: 0.1rem;position: relative;}
.new2019 .nlst2 .li02 a{width: calc(100% - 0.2rem);float:left;position: relative;padding: 0.1rem 0 0.08rem 0.2rem;height: 0.3rem;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.new2019 .nlst2 .li02 a:before{content:"·";position:absolute;left:0;top:0.1rem;width:0.2rem;height:0.2rem;color:#888888;font-size:0.5rem;z-index:9}
.new2019 .nlst2 .li02 a:after{content:"详情";position:absolute;right: 0;top:0.1rem;width: 0.7rem;height: 0.3rem;color:#888888;font-size:0.2rem;z-index:9;}
.new2019 .nlst2 .li02 a i{ position: absolute; border-radius: 50%; width: 0.03rem;height: 0.03rem; top: 0.19rem; left: 0px;background: #000;}

/*   常见问题  */
.qyzx2019{float:right;width: 3.8rem;background:#ffffff;margin-top: 0.2rem;height: 5.35rem;display: none;}
.qyzx2019 .nav19 {width: 3.6rem;float: left;border-bottom: 1px solid #ededed;padding-left: 0.2rem;position: relative;font-size: 0.18rem;font-weight: bold;color: #000000;padding-top: 0.2rem;padding-bottom: 0.1rem;}
.qyzx2019 .nav19 i{position:absolute;right:0;font-style:normal;color:#888888;top: 0.2rem;font-weight:normal;}
.qyzx2019 .com19{float:left;width: calc(100% - 0.4rem);padding: 0px 0.2rem;}
.qyzx2019 .com19 li{ float:left; width:100%; height:0.2rem;line-height:0.2rem; margin-top:0.2rem}
.qyzx2019 .com19 li i{ background:#f2f2f2; width:0.2rem; height:0.2rem; text-align:center; float:left; font-style:normal; color:#333333}
.qyzx2019 .com19 li .nom1{ background:#0a8ce2; color:#fff}
.qyzx2019 .com19 li .nom2{ background:#e92938; color:#fff}
.qyzx2019 .com19 li .nom3{ background:#f55966; color:#fff}
.qyzx2019 .com19 li span{ display:none;}
.qyzx2019 .com19 li p{float:left;padding-left:0.1rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: 0.2rem;width:3.1rem;}
.qyzx2019 .com19 .cur{ float:left; width:3.4rem; height:0.8rem;line-height:0.2rem; margin-top:0.2rem; background:#f6f6f6}
.qyzx2019 .com19 .cur span{ margin-left:0.1rem; margin-top:0.15rem; position:relative; display:block;float:left; padding-left:0.2rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; height:0.2rem; width:3rem;}
.qyzx2019 .com19 .cur span img{ position:absolute; left:0; right:0; top:0; bottom:0; max-height:0.5rem; max-width:0.5rem; margin:auto}
.qyzx2019 .com19 .cur p{float:left;width:2.48rem;margin-top:0.15rem;padding-left:0.1rem;line-height:0.2rem;font-size:0.18rem;font-weight:bold;overflow: hidden;height: 0.2rem;word-wrap: break-word;word-break: break-all;white-space: pre-line;}

/*   留言  */
.feedback{float:left;background:url(../pic/feedback_bg.jpg) top center no-repeat;width:100%;padding:0.4rem 0;margin-top:0.2rem;background-size: cover;}
.feedback .Page1C2{padding: 0.3rem 0.4rem;float:left;background: #fff;width: calc(100% - 1.3rem);height: auto;margin-left: 0.25rem;}
.feedback .Page1C2 > strong{display: block;padding-left: 0.8rem;background: url(../pic/case_tit.png) no-repeat left center;font-weight: bold;font-size: 0.26rem;color: #343434;line-height: 0.28rem;margin-bottom: 0.2rem;background-size: 0.9rem 0.9rem;}
.feedback .Page1C2 > strong .small{display: block;font-size: 0.15rem;line-height: 0.3rem;padding-top: 0.05rem;font-weight: 100;color: #666;}
.feedback .Page1C2 textarea{ height:1rem;border: 1px solid #ededed;width:98% }
#tianxiethree input{ border: 1px solid #ededed; height: 0.3rem;width:98%}

#tianxieone{ float:left; width:6.3rem; padding:0.1rem 0 0 0}
#tianxietwo{float:left;width: 2rem;text-align: left;margin-bottom: 0.2rem;}
#tianxiethree{float:left;}
#liuyanshenming{ float:left; text-align:center; width:6.3rem; padding-bottom:0.2rem;}
#lytijiao {width:1rem;padding:0px 0px 0px 0px;margin: 0;float: left;margin-left: 40%;}
#lytijiao input{ padding:0.08rem 0.4rem; border:0px; outline:0; background:#373737; color:#ffffff; font-weight:bold;    border-radius: 0.05rem;}
.feedback .fr{background: url(../pic/about_bg.png) no-repeat center top;width: 3.8rem;height: 3.08rem;padding: 0.8rem 0.4rem 0.5rem 0.4rem;background-size: 4.6rem 4.18rem;display: none;}
.feedback .fr p{font-size: 0.2rem;font-weight: bold;color: #fff;display: block;text-align: center;line-height: 0.3rem;padding: 0 0 0.3rem;}
.feedback .fr p > span{display: block}

.feedback .fr p > .en{;font-weight:100;color: #dbdaf1;line-height: 0.24rem;}
.feedback .fr p > .str{font-size: 0.24rem;line-height: 0.34rem;}
.feedback_r_t_row2{border:1px solid #fff;padding:0.2rem;text-align: center;color: #fff;font-size: 0.16rem;line-height: 0.28rem;}
.feedback_r_a > a{display: block;border: 1px solid #fff; border-radius: 0.5rem;line-height: 0.4rem;width: 1.3rem;height: 0.4rem;text-align: center;padding-left: 0.3rem;position:relative;overflow:hidden;transform:rotate(0deg);transition: 0.3s all ease;margin: 0.3rem auto 0;border-color: rgba(255,255,255,0)}
.feedback_r_a > a:before{content: '';display: block;width: 100%;background: #eb7301;background: -moz-linear-gradient(top, #eb7301 0%, #eb4601 100%);background: -webkit-linear-gradient(top, #eb7301 0%,#eb4601 100%);background: linear-gradient(to bottom, #eb7301 0%,#eb4601 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7301', endColorstr='#eb4601',GradientType=0 );height: 100%;position: absolute;left: -100%;top: 0;transition: 0.3s all ease;left:0;}
.feedback_r_a > a:after{content: '';width: 0.24rem;height: 0.24rem;display: block;position: absolute;background: url(../pic/ads_contact.png) no-repeat center;left: 0.3rem;top: 0.08rem;background-size: 0.24rem 0.24rem;}
.feedback_r_a > a > i{color: #fff;font-style: normal;font-size: 0.15rem;display: block;line-height: 0.4rem;width: 100%;position: relative;z-index: 3;}
/*   底部  */
.copy{background: none;width:100%;float:left;padding-bottom: 1.4rem;}
.copy .copy_row2 {height: 2.6rem;overflow: hidden;width: 12rem;margin:0 auto;position: relative;display: none;}
.copy .copy_row2 ul{float: left;padding: 0.3rem 0.3rem 0.3rem 0.4rem;background: url(../pic/20180905140430_975406376.jpg) no-repeat left center;margin: 0 0.25rem 0 0;width: 1rem;height: 1.9rem;background-size: 0.2rem 2.64rem;}
.copy .copy_row2 > div{ float: left; padding: 0.3rem 0px 0.3rem 0.6rem;margin: 0 0.3rem 0 0;width: 4.5rem;height: 1.9rem; position: relative;}
.copy .copy_row2 > div:before{content: '';display: block;width: 1px;height: 2rem;background: #454545;position: absolute;left: 0.2rem;top: 0.65rem}
.copy .copy_row2 > div:after{content: '';display: block;width: 0.4rem;height: 0.4rem;background: #454545;border-radius: 50%;position: absolute;top: 0.25rem;left: 0;}
.copy .copy_row2 > div.copy_list1:after{background: #454545 url(../pic/friendlink_l.png) no-repeat center;background-size: 0.29rem 0.22rem;}
.copy .copy_row2 > div.copy_list1 a{ float:left; width:1.5rem; overflow:hidden;display: block; color: #bbb; line-height: 0.28rem; font-size: 0.13rem;}
.copy .copy_row2 ul.ewm {width: 2.2rem; margin: 0;}
.copy .copy_row2 ul.ewm .ewm_in{ float: left; margin:0.3rem 0.1rem; }
.copy .copy_row2 ul.ewm .ewm_in img{ display: block; width: 0.9rem; }
.copy .copy_row2 ul.ewm .ewm_in p{ color: #bbb; display: block; line-height: 0.3rem; text-align: center; }
.copy .copy_row2 ul .copy_tel{background: url(../pic/20180905140455_436962388.jpg) no-repeat left center;padding:0.1rem 0 0.05rem 0.6rem;font-size: 0.22rem;line-height: 0.4rem;display: block;color: #fff;font-family: arial;font-weight: 100;background-size: 0.5rem 0.5rem;}
.copy .copy_row2 ul.copy_contact { width: 2.9rem; padding-right: 0; margin-right: 0;  float: right;}
.copy .copy_row2 ul.copy_contact p{ color: #bbb; display: block; line-height: 0.25rem; }
.copy .copy_row3{width: 100%;height: 1.2rem;line-height: 0.55rem;background:#373737;text-align:center;color: #ffffff;}
.copy .copy_row3 a { color: #ffffff; }
.copy .copy_row3 a:hover{ color: #ffffff; text-decoration:underline; }

/*   内页-面包屑  */
.mbx{width: calc(100% - 0.8rem);background:url(../pic/mbxn.png) 0px 0.2rem no-repeat;height:0.3rem;padding-left:0.4rem;overflow:hidden;padding-top: 0.2rem;line-height:0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background-size: 0.3rem 0.3rem;font-weight: bold;margin: 0.2rem 0 0 0.2rem;border-bottom: 1px solid #d3d3d3;padding-bottom: 0.1rem;margin-top: 1.95rem;}
/*   内页-产品分类  */
.container{margin: 0 auto;width: 100%;border: 0;border-radius: 0.05rem !important;box-shadow: none;margin: 0.1rem 0 0.3rem;}
.container ul {list-style: none;margin: 0;height: 1.2rem;line-height: 0.3rem;padding: 0.1rem 0 0.1rem 0.2rem;text-align: center;}
.container ul li {white-space: nowrap;width: 2rem;display: inline-block;float: left;position: unset;margin: 0.1rem 0.1rem;padding: 0.1rem 0.1rem;background: #f1ebeb;border-radius: 0.2rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.container ul li::after {display: inline-block;width: 0;height: 0;margin-left: .286rem;content: '';vertical-align: middle;border-top: none;border-right: none;border-left: none;margin-right: 0;margin-left: .3em;}
.container ul .dropdown::after{ display:none}
.container ul li .dropdown-menu{ position:absolute; top:0.3rem; width:1rem; background:#ffffff; height:auto; display:none; padding:0.1rem; z-index:3}
.container ul li .dropdown-menu a{ float:left; width:1rem; text-align:left; line-height:0.35rem; }
.container ul li:hover  .dropdown-menu{ display:block}

/*   内页-产品类别  */
.cpzs{margin:0 auto;width: 100%;overflow: hidden;}
.cpzs a{margin-left: 0;margin-right:0.07rem;box-shadow: 0 1px 3px rgba(0,37,55,0.05);background:#ffffff;margin-top: 0;float: left;width: calc(50% - 2px - 0.35rem);margin: 0 0rem 0.25rem 0.25rem;text-align: center;padding: 0px;height: 3.3rem;border: 1px #ddd solid;transition: all .2s ease;overflow: hidden;position: relative;}
.cpzs a span{width: 100%;height:2.7rem;float:left;position:relative;}
.cpzs a span img{ left:0; right:0; top:0; bottom:0; position:absolute; margin:auto; max-height:2.7rem; max-width:2.7rem;}
.cpzs a h2{float:left;width: calc(100% - 0.2rem);font-weight:normal;line-height: 0.6rem;padding: 0.05rem 0.1rem 0 0.1rem;height: 0.6rem;position:relative;z-index:3;overflow:hidden;background: #e0e0e0;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 0.24rem;}
.cpzs a:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; transition: none; background: none;background: none; background: none;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#6ba60c',GradientType=0 );background: #fff; }
.cpzs a:hover:before{left:0;}
.cpzs a:hover h2{ color:#333333}
/*   内页-翻页  */

.hpage{width: 100%;margin:0 auto;text-align:center;padding:0.5rem 0px;color:#333333;overflow: hidden;}
.hpage span{ color:#ffffff;background:#000000; padding:0.02rem 0.08rem; border:1px solid #000000;margin-right:0px; border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.hpage a:hover{ color:#ff6600; text-decoration:none}


/*   内页-详细描述轮播  */

.house_con{width: 100%;background:#ffffff;padding: 0;border: none;box-shadow: none;margin: 0 auto;overflow: hidden;margin-top: 0.2rem;}

.house_con .jieshao{float: left;width: 100%;}
.house_con .jieshao h1{float:left;width: calc(100% - 0.2rem);font-size: 0.28rem;line-height: 0.32rem;max-height: 0.6rem;overflow:hidden;padding: 0.1rem 0.1rem;margin-bottom: 0.1rem;text-align: center;}
.house_con .jieshao .price_con { float:left;padding-bottom: 0.05rem; width: 5.6rem; overflow: hidden; border-bottom:1px dashed #dedede}
.house_con .jieshao .price_con i {    font-size: 0.3rem;    font-weight: bold;    color: #FF0000;    font-style: normal;}
.house_con .jieshao .two{float:left;line-height:0.25rem;font-size:0.14rem;color:#000000;padding:0.1rem 0 0.1rem 0;width:5.6rem;display: none;}
.house_con .jieshao .two font{ color:#999999; float:left; width:0.8rem;}
.house_con .jieshao .two span{ float:right; width:4.8rem;}
.house_con .jieshao .san{float:left;line-height: 0.3rem;font-size: 0.14rem;color:#000000;width: 5.6rem;padding: 0.4rem 0 0 0;display: none;}
.house_con .jieshao .san .zx{display: block;width: 2rem;height: 0.5rem;float: left;font-size: 0.22rem;color: #fff;line-height: 0.48rem;background: #333;text-align: center;text-decoration: none;border-radius: 1rem;transition: 0.3s all ease-in-out;}
.house_con .jieshao .san .zx img {position: relative;top: 0.04rem;margin-left: 0.08rem;}
.linex{border-bottom:1px dashed #dedede;}
        .house_con_lf{position: relative;margin: 0 auto;float:left;width: 6rem;display: none;}
        .house_imgs{position: relative; z-index: 8;  width: 100%; overflow: hidden;}
        .house_bigImg{margin-bottom: 0.1rem;width: 6rem;height: 4.04rem;overflow: hidden;float:left;position:relative;}
        .house_bigImg img{margin: auto;left: -50%;right: -50%;top: -50%;bottom: -50%;position: absolute;max-width: 6rem;height: auto;}
        .house_bigImg ul li{position: relative; z-index: 9;}
        .project_img{width: 6.7rem; height: 4.45rem; overflow: hidden;}


        .project_img dl{width:auto; height:4.45rem; overflow: hidden;}
        .project_img dl dd{float: left; width: 6.7rem; height: 4.04rem;}
        .house_smallImg{position: relative; margin-top: 0px;  height: 0.67rem; overflow: hidden; float:left; width:5.4rem; margin-left:0.3rem; margin-right:0.3rem;}

        .house_smallImg ul{width: 100%;}
        .house_smallImg ul li{position:relative; float: left;  width: 1rem;margin-right:0.1rem;}
        .house_smallImg ul li img{display: block; width: 1rem; height: 0.67rem; cursor: pointer;}
        .house_smallImg ul li.on img{width: 1rem; height: 0.65rem; border: 1px #f23742 solid;}
        .house_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 1.26rem; height: 0.27rem; line-height: 0.26rem; text-align: center; font-size: 0.14rem; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);    /*IE8鏀寔*/ cursor: pointer;}
        .house_smallImg ul li.on .bun_bg{width: 1.22rem; bottom:0.02rem; left: 0.02rem;}
        span.house_imgs_lf{display: block;position: absolute; left:0px; bottom: 0px; z-index: 10; width: 0.2rem; height: 0.67rem;background:#ccc; cursor:pointer;background:url(../pic/left_arrow.png) 0px 0px no-repeat;}
        span.house_imgs_rt{display: block; position: absolute; right:0px; bottom: 0px; z-index: 10; width: 0.2rem; height: 0.67rem; background:#ccc; cursor:pointer; background:url(../pic/right_arrow.png) 0px 0px no-repeat; }
        span.house_imgs_lf:hover{background:url(../pic/left_arrow_h.png) 0px 0px no-repeat;}
        span.house_imgs_rt:hover{background:url(../pic/right_arrow_h.png) 0px 0px no-repeat;}

/*   内页-详细描述，产品分类。  */
.cpmshu{width: 100%;margin:0 auto;overflow:hidden;margin-top: 0;padding-bottom:0.2rem;}
.cpmshu .cpfl{width: 100%;background: none;border-bottom: none;}
.cpmshu .cpfl .li01{float:left;width:2.5rem;text-align:center;font-size: 0.3rem;color: #FFFFFF;text-align: center;line-height: 0.35rem;display: block;padding-top: 0.25rem;font-weight:bold;display: none;}
.cpmshu .cpfl .li02 {color: #7b7b7b;font-size: 0.24rem;display: block;text-align: center;float:left;width:2.5rem;line-height: 0.35rem;display: none;}
.cpmshu .cpfl .li03 a.sub{/* background: #ececec; *//* display: none; */color: #525252;}
.cpmshu .cpfl .li03 {width: calc(100% - 0.1rem);background: #fff;margin-left: 0;/* border-radius: 10px; */padding-bottom: 0;padding-top: 0.1rem;float:left;/* padding-left: 20px; */padding: 0.1rem 0 0.1rem 0.2rem;max-height: 1.4rem;overflow: hidden;}
.cpmshu .cpfl .gundong{max-height: 3.8rem;overflow: auto;overflow-x: hidden;}
.cpmshu .cpfl .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width:0.06rem;     /*高宽分别对应横竖滚动条的尺寸*/  height: 0.06rem;}
.cpmshu .cpfl .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.cpmshu .cpfl .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.cpmshu .cpfl .li03 h2{float: left;width: 2rem;font-size: 0.24rem;line-height: 0.32rem;background: url(../pic/jiantou.png) no-repeat right center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;padding-left: 0;margin-bottom: 0;margin-left: 0;background: #f1ebeb;border-radius: 0.2rem;font-weight: normal;margin: 0.1rem 0.1rem;padding: 0.1rem 0.1rem;text-align: center;}
.cpmshu .cpfl .li03 h3{float: left;width: 0;font-size:0.24rem;line-height:0.4rem;padding-left: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;background: #ececec;margin-bottom: 0;display: none;margin-left: 0;}
.cpmshu .cpfl .li03 h2:hover{background: #f1ebeb;}
.cpmshu .cpfl .li03 h2:hover a{color:#333}
.cpmshu .cpfl .li03 h2:hover span{ color:#f1ebeb}
.cpmshu .cpfl .li03 h3:hover{background: #f1ebeb;}
.cpmshu .cpfl .li03 h3:hover a{color:#333}
.cpmshu .cpfl h2 span{position: absolute;right: 0.1rem;cursor:pointer;display: none;}
.cpmshu .cpfl .li03 a:hover{color:#FFF;}
.cpmshu .cpfl .demo{overflow:hidden; width:2.5rem;  min-height:3rem;  max-height:5rem; float:left}
.cpmshu .cpfl .demo img{ width:2.5rem; margin-top:0.1rem;}
.cpmshu .miaoshu{width: calc(100% - 2px - 0.58rem);padding: 0.1rem 0.19rem;border: none;box-shadow: none;line-height: 0.34rem;font-size:0.24rem;table-layout: fixed;word-wrap: break-word;overflow: hidden;margin: 0 0.1rem;}
.cpmshu .miaoshu img{ max-width:calc(100% - 0.2rem); padding:0.1rem; }
.paging_prev {float: left;width: 100%;line-height: 0.3rem;padding: 0.1rem 0px 0 0px;font-size: 0.24rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cpmshu .miaoshu .contern{float:left;width: 100%;margin-bottom:0.5rem;padding-top:0.3rem;}
.cpmshu .miaoshu .tittle{ float:left; border-bottom:1px solid #ededed; font-size:0.28rem; font-weight:bold; width:100%; padding-bottom:0.1rem; position:relative}


.cpmshu .miaoshu .tittle:before{content:""; position:absolute; width:0.6rem; height:0.03rem; background:#373737; left:0px; bottom:-0.02rem}
.cpmshu .miaoshu .tittle span{ position:absolute; right:0; bottom:0.12rem; font-size:0.24rem; color:#888888 ; font-weight:normal}
.cpmshu .miaoshu .h1{width: 100%;font-size: 0.28rem;font-weight:bold;float:left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-top:0.2rem;line-height: 0.4rem;border-bottom: 1px solid #ededed;padding-bottom: 0.2rem;text-align: center;}
.cpmshu .miaoshu .text{width: 100%;float:left;text-align: left;padding:0.2rem 0 0.2rem 0;line-height: 0.3rem;border-bottom:1px solid #ededed;color:#888888;display: none;}

/*   内页-资讯列表  */

.cpmshu .newslist{width: calc(100% - 0.38rem);padding: 0.19rem;border: 0;box-shadow: none;line-height: 0.25rem;font-size: 0.14rem;float: left;} 
.cpmshu .newslist .tittle{width: calc(100% - 0.25rem);float:left;font-weight:bold;font-size: 0.28rem;position:relative;padding-bottom: 0.1rem;border-bottom:1px solid #ededed;background:url(../pic/newsbg.png) 0 0 no-repeat;background-size: 0.3rem 0.3rem;height: 0.32rem;line-height: 0.32rem;padding-left: 0.34rem;}
.cpmshu .newslist .tittle:before {content:"";position:absolute;bottom: -0.01rem;left:0;width: 1rem;height: 0.03rem;background:#373737;}
.cpmshu .newslist li{float:left;border-bottom:1px solid #ededed;padding: 0.15rem 0;width: 100%;}
.news_con_img{width: 2rem;  height: 1.35rem;  position: relative;  float: left;  border: 1px solid #e6e6e6;  font-size: 0px; padding:0.04rem;}
.news_con_img img{margin: auto; left: 0; right: 0; top: 0;  bottom: 0; position: absolute;max-width: 2rem;  max-height: 1.35rem;}
.news_con_txt{float:right;width: calc(100% - 2.28rem - 2px);position:relative;height:1.45rem;padding-left: 0.2rem;}
.news_con_txt h2{width: 100%;float: right;color: #333333;height: 0.4rem;overflow: hidden;padding: 0;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;font-size: 0.28rem;}
.news_con_txt p{max-height: 0.6rem;line-height: 0.3rem;font-size: 0.24rem;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;float: left;color:#666666;}
.news_con_txt i{font-style:normal;display: block;padding-top: 0.1rem;line-height: 0.3rem;font-size: 0.14rem;font-style: normal;position:absolute;left: 0.2rem;bottom:0;color: #999999;}

.news_con_txt1{float:left;width: 100%;position:relative;padding-left: 0.1rem;}
.news_con_txt1:before{content:"";position:absolute;left:0;top: 0.2rem;width: 0.06rem;height: 0.06rem;border-radius:50%;background:#373737;}
.news_con_txt1 h2{width: 100%;float: left;color: #0000;height: 0.4rem;overflow: hidden;padding: 0.1rem 0 0 0;line-height: 0.3rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal;white-space: nowrap;overflow: hidden;font-size: 0.28rem;}
.news_con_txt1 p{max-height: 0.7rem;line-height: 0.36rem;font-size: 0.24rem;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;float: left;color:#666666;}
.news_con_txt1 i{font-style:normal;display: block;padding-top: 0.1rem;line-height: 0.3rem;font-size: 0.14rem;font-style: normal;float:left;color: #999999;}

.cpmshu .newslist .hpage{font-size: 0.14rem;width: 100%;margin:0 auto;text-align:center;padding: 0.5rem 0 0.5rem 0;color:#333333;overflow: hidden;}
.cpmshu .newslist .hpage span{color:#ffffff;background:#000000;padding: 0.02rem 0.08rem;border:1px solid #000000;margin-right:0px;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .newslist .hpage a:hover{ color:#ff6600; text-decoration:none}

/*   内页-企业形象  */
.cpmshu .majority{width: 100%;padding: 0.19rem 0;border: 0;box-shadow: 0 0.01rem 0.03rem rgb(0 37 55 / 5%);line-height: 0.25rem;font-size: 0.14rem;float:right;}
.cpmshu .majority .tittle{width: 100%;margin: 0 0.19rem 0.2rem 0.19rem;float:left;font-weight:bold;font-size: 0.3rem;position:relative;padding-bottom: 0.1rem;border-bottom:1px solid #ededed;background:url(../pic/newsbg.png) 0 0 no-repeat;background-size: 0.3rem 0.3rem;height: 0.2rem;line-height: 0.2rem;padding-left: 0.4rem;} 


.cpmshu .majority li{width: calc(50% - 2px - 0.38rem);margin-left: 0.2rem;float:left;height: 3.4rem;overflow:hidden;padding: 0.04rem;background:#f7f7f7;border:1px solid #ededed;margin-bottom: 0.2rem;position:relative;}
.cpmshu .majority li span{width: 100%;height: 2.73rem;float:left;position:relative;}
.cpmshu .majority li span img,.cpmshu .majority li span video{left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;max-height: 2.73rem;max-width: 2.73rem;}
.cpmshu .majority li h2{float:left;width: 100%;font-size: 0.24rem;font-weight:normal;line-height: 0.3rem;margin: 0.05rem 0 0 0;height: auto;position:relative;z-index:3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cpmshu .majority li:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; transition: none; background: none;background: none; background: none;  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#6ba60c',GradientType=0 );background:#f7f7f7;}
.cpmshu .majority li:hover:before{left:0;}
.cpmshu .majority li:hover h2{ color:#000}
.cpmshu .majority .hpage{font-size: 0.14rem;width: 100%;margin:0 auto;text-align:center;padding: 0.5rem 0px 0.5rem 0px;color:#333333;overflow: hidden;}
.cpmshu .majority .hpage span{color:#ffffff;background:#000000;padding: 0.02rem 0.08rem;border:1px solid #000000;margin-right:0px;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a{margin: 0 0.05rem;text-decoration:none;color:#303030;padding: 0.02rem 0.08rem;border:1px solid #B1B1B1;font-size: 0.14rem;border-radius: 0.05rem;-ms-border-radius: 0.05rem;-webkit-border-radius: 0.05rem;-moz-border-radius: 0.05rem;-o-border-radius: 0.05rem;}
.cpmshu .majority .hpage a:hover{ color:#ff6600; text-decoration:none}

.msgBack{width: 100%;height: 100%;background: #000;padding: 0.3rem;position: fixed;left: 0;top: 0;border: 1px solid #d1d1d1;opacity: 0.5;z-index: 9999;}
.msgResult{width:2.9rem;background:#ffffff;padding:0.3rem;position:fixed;left: 6.5rem;top: 2rem;border:1px solid #d1d1d1;z-index:9999;}
.msgResult a{ position:absolute; right:0; top:0; width:0.3rem; height:0.3rem; font-size:0.2rem; font-family:Arial, Helvetica, sans-serif; line-height:0.3rem; text-align:center; color:#888888}
.msgResult .tittle{ width:2.9rem; float:left; text-align:center; font-size:0.2rem; font-weight:bold; position:relative; margin-bottom:0.2rem}
.msgResult .tittle font{color: #0a8ce2;}
.msgResult .tittle:after{content:""; width:0.9rem; height:0.03rem; background:#b6b6b6; left:50%; margin-left:-0.45rem; position:absolute; bottom:-0.1rem }


.footLayer{position:fixed;border-top: #005ea2 solid 2px;background:#f6f6f6;width:100%;z-index:101;left:0;bottom:0;height: 1.4rem;display: block;}
.footLayer li{ float:left; width:25%; height:1.4rem; position:relative;}
.footLayer li:after{ content:''; position:absolute; right:0; top:50%; width:1px; height:0.8rem; margin-top:-0.4rem; background:#d3d3d3;}
.footLayer li:last-child:after{ display:none;}
.footLayer li a{ display:block; width:100%; height:100%; position:relative; text-align:center;}
.footLayer li .ico{ padding:0.2rem 0;}
.footLayer li .ico img{ width:0.46rem;}
.footLayer li .ico2{ position:absolute; left: 50%; margin-left:-0.55rem; top:-0.5rem; border-radius:50%; box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.28);}
.footLayer li .ico2 img{ width:1.1rem;}
.footLayer li p{ font-size:0.26rem; color:#3f3f3f; position:absolute; left:0; bottom:0.2rem; width:100%;}
.slide{display: none;}




}
